!!!
%html
  %head
    %meta(charset="UTF-8")/
    %title 锚点测试
    %style(type="text/css")
      img:hover {box-shadow: -10px 0 12px red,
      10px 0 12px red,
      0 -10px 12px red,
      0 10px 12px red;
      opacity:0.7;}
      
      a {text-decoration:none;}
      a:link {color: green;}
      a:hover, a:visited:hover {color: red; font-weight: bold; text-decoration:underline;}
      a:visited {color: yellow;}
  %body
    %h1 超链接练习
    %ul
      %li
        %a(href="http://www.zzjc.edu.cn/") 之江学院
      %li
        %a(href="https://www.baidu.com/") 百度一下
      %li
        %a(href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1605677391526&di=5bd96865e9c7a9228ad369de91be3a6d&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201506%2F27%2F20150627214558_YQ4dW.jpeg") 妹子
      %li
        %a(href="mailto: 281124072@qq.com?subject=你好，世界") QQ邮箱
      %li
        %a(href="sms:13575464594") 短信
      %li
        %a(href="https://www.youmzi.com/")
          %img(src="https://img.youmzi.com/d/file/20201114/5httn1waygx.jpg" width="10%" height="10%" align="top" alt="福利")
          